<template>
  <div></div>

  <!-- 使用ul li来写 -->
  <ul>
    <li v-for="list in lists" :key="list.img1">
      <van-image :src="list.img1" />
      <p>￥{{ list.originprice }}</p>
    </li>
  </ul>
</template>
<script setup>
// 发送ajax请求
import { secondsdeal } from "../services";
import { ref, onMounted } from "vue";
let count = ref(1);
let limitNum = ref(6);
let lists = ref([]);
// 异步处理
onMounted(async () => {
  let req = await secondsdeal({
    count: count.value,
    limitNum: limitNum.value,
  });
  lists.value = req.data.data;
  console.log(req.data.data, 99999999);
});
</script>
<style scoped>
.listpirce {
  font-size: 9px;
}
.price {
  display: flex;
  font-size: 12px;
  color: red;
  font-weight: 800;
  justify-content: space-around;
}
ul {
  margin-top: 10px;
  display: flex;
  width: 100%;
  font-size: 12px;
  color: red;
  font-weight: 800;
}
ul li {
  width: 16.7%;
}
ul li .van-image {
  width: 100%;
  height: 89px;
}
ul li p {
  text-align: center;
}
</style>
